<template>
  <div class="recomend fff">
    <div class="recomend-item" v-for="(item,index) in recomendList" :key="index">
      <a :href="item.link">
        <img :src="item.img" alt="加载中。。。">
        <span class="title">{{item.title}}</span>
      </a>
    </div>
  </div>
</template>

<script>
export default {
  name:'RecomendView',
  components: {},
  props: {
    recomendList:{
      type:Array,
      default:[]
    }
  },
  data() {
    return {
    };
  },
  watch: {},
  computed: {},
  methods: {},
  created() {},
  mounted() {}
};
</script>
<style scoped>
.recomend{
  margin-top: 10px;
  display:flex;
  justify-content:space-around;
  align-items:center;
}
.recomend-item a{
  width: 80px;
  height: 120px;
  display:flex;
  flex-direction: column;
  justify-content:center;
  align-items:center;
}
.recomend-item img{
  width: 60px;
  height: 60px;
  border-radius: 50%;
}
.recomend-item .title{
  margin-top: 10px;
  font-size: 13px;
}
</style>